<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}
     父模板的title
    {% endblock %}
    </title>
  <style>
    #header {
        height: 85px;
        background-color: cyan;
    }
      #header ul{
            list-style: none;
          height: 50px;
      }
      #header ul li {
          float: left;
          width: 100px;
      }
      #content {
          height: 600px;
          background-color: coral;
      }
      #flooder {
          background-color: darkred;
      }
    {% block mycss %}
        mycess 部分
    {% endblock %}
  </style>
{% block myjs %}
    myjs
{% endblock %}
</head>
<body>
<div id="header">
    <ul>
        <li>首页</li>
        <li>秒杀</li>
        <li>超市</li>
        <li>图书</li>
        <li>会员</li>
    </ul>
   {% block headers %}
       hearders
    {% endblock %}
</div>
<div id="content">
    {% block contents %}
      我是中间部分
    {% endblock %}
</div>
<div id='flooder'>
    {% block flooder %}
        flooder
    {% endblock %}
</div>
</body>
</html>